import type { SVGProps } from "react";

export const ThumbsUpIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={16}
    height={16}
    viewBox="0 0 16 16"
    fill="none"
    {...props}
  >
    <path
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      d="M1.334 8.333C1.334 7.597 1.931 7 2.667 7a2 2 0 0 1 2 2v2.667a2 2 0 0 1-2 2 1.333 1.333 0 0 1-1.333-1.334v-4Z"
    />
    <path
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      d="m10.319 5.204-.178.574c-.146.47-.218.704-.162.89.045.15.144.28.28.365.167.105.42.105.926.105h.27c1.713 0 2.57 0 2.975.507.046.058.087.12.122.184.312.566-.042 1.328-.75 2.852-.65 1.398-.974 2.098-1.577 2.51-.059.04-.119.077-.18.112-.635.364-1.421.364-2.995.364h-.34c-1.907 0-2.86 0-3.452-.574-.592-.574-.592-1.497-.592-3.344V9.1c0-.97 0-1.455.172-1.9.172-.444.502-.809 1.162-1.54l2.727-3.02c.069-.075.103-.113.133-.14a.689.689 0 0 1 .962.062c.027.03.055.071.113.155.09.131.135.197.175.262.351.58.458 1.27.296 1.926a5.518 5.518 0 0 1-.088.3Z"
    />
  </svg>
);
